<Grid MinWidth="800" MinHeight="600" Background="Black">
  <Grid.Style>
    <Style>
      <Style.Triggers>
        <EventTrigger RoutedEvent="UIScene.TransitionIn">
          <BeginStoryboard>
            <BeginStoryboard.Storyboard>
              <Storyboard>
                <SingleAnimation Storyboard.TargetName="MainPanel" Storyboard.TargetProperty="Opacity" FillBehavior="Stop" From="0.0" To="1.0" Duration="00:00:00.5" />
              </Storyboard>
            </BeginStoryboard.Storyboard>
          </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="UIScene.TransitionOut">
          <BeginStoryboard>
            <BeginStoryboard.Storyboard>
              <Storyboard>
                <SingleAnimation Storyboard.TargetName="MainPanel" Storyboard.TargetProperty="Opacity" To="0.0" Duration="00:00:00.5" />
              </Storyboard>
            </BeginStoryboard.Storyboard>
          </BeginStoryboard>
        </EventTrigger>
      </Style.Triggers>
    </Style>
  </Grid.Style>

  <Grid x:Name="MainPanel" HorizontalAlignment="Center" VerticalAlignment="Center">
    <StackPanel>
      <Grid>
        <Grid.RowDefinitions>
          <RowDefinition Height="*" />
          <RowDefinition Height="5" />
          <RowDefinition Height="*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="*" />
          <ColumnDefinition Width="10" />
          <ColumnDefinition Width="3*" />
        </Grid.ColumnDefinitions>
        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Right" Grid.Row="0" Grid.Column="0" FontFamily="Swiss" FontSize="30.0">NAME:</TextBlock>
        <TextBox x:Name="Username" Grid.Row="0" Grid.Column="3" FontFamily="Swiss" FontSize="30.0">guest</TextBox>
        
        <TextBlock VerticalAlignment="Center" HorizontalAlignment="Right"  Grid.Row="3" Grid.Column="0" FontFamily="Swiss" FontSize="30.0">PASSWORD:</TextBlock>
        <TextBox x:Name="Password" Grid.Row="3" Grid.Column="3" FontFamily="Swiss" FontSize="30.0"></TextBox>
      </Grid>
      <Button x:Name="ButtonLogin" FontFamily="Swiss" FontSize="30.0" Margin="0, 20, 0, 10">LOGIN</Button>
      <StackPanel Margin="0, 100,0, 0" Orientation="Horizontal">
        <Button x:Name="ButtonCancel" FontFamily="Swiss" Width="200" Margin="5, 0, 5, 0" FontSize="30.0">CANCEL</Button>
        <Button x:Name="ButtonCreateNew" FontFamily="Swiss" Width="200" Margin="5, 0, 5, 0" FontSize="30.0">CREATE NEW</Button>
      </StackPanel>

    </StackPanel>
  </Grid>
    
</Grid>

